@charset "utf-8";
/* CSS Document */

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.layout, .content{ width:1200px; margin:0 auto; }

.marB10{ margin-bottom: 10px;}
.marB20{ margin-bottom: 20px;}
.marB30{ margin-bottom: 30px;}
.marB40{ margin-bottom: 40px;}
.marB60{ margin-bottom: 60px;}
.marR30{ margin-right: 30px;}
.marR32{ margin-right: 32px;}
.marR45{ margin-right: 45px;}
.padS20{ padding: 0 20px;}
.padS30{ padding: 0 30px;}
.padV40{ padding: 40px 0;}
.bg_blue{ background-color: #d6e9ff;}

.w580{ width: 580px;}
.w280{ width: 280px;}
.w370{ width: 370px;}
.w790{ width: 790px;}
.w240{ width: 240px;}
.w920{ width: 920px;}

.boxMo{ min-width:1200px;}

.top_bar{ position: relative; height: 40px; background-color: #f0f0f0; overflow: hidden;}
#today{ float: left; padding-left: 30px; font-size: 14px; line-height: 40px; color: #666;}
#today:before{ position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; background: url(../images/icon_calendar.png) no-repeat center top;}
.top_bar p{ float: left; margin-left: 15px; font-size: 14px; line-height: 40px; color: #1a56a8;}
.top_bar_r{ float: right; height: 16px; margin-top: 13px;}
.top_bar_r a{ float: right; height: 16px; margin-left: 15px; padding-left: 15px; font-size: 14px; line-height: 16px; border-left: 1px solid #ccc; cursor: pointer;}
.top_bar_r a.nostyle{ padding: 0; margin: 0; border: none;}

.banner{ position: relative; height: 199px; background: url(../images/banner.jpg) no-repeat center top; }
.logo{ position: absolute; top: 72px; left: 70px; width: 445px; height: 54px; background: url(../images/logo.png) no-repeat center top;}
/* .banner{ position: relative; height: 200px; background: url(../images/banner_202171.jpg) no-repeat center top; }
.logo{ position: absolute; top: 72px; left: 70px; width: 445px; height: 54px; background: url(../images/logo_202171.png) no-repeat center center;} */
.ipv6{ position: absolute; top: 20px; right: -6px; width: 113px; height: 36px; background: url(../images/ipv6_icon.png) no-repeat center top;}

.banner_item{ position: absolute; top: 72px; right: 0; width: 458px;}
.box_search{ position: relative; width: 456px; height: 42px; margin-bottom: 10px; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 4px;}
#search_keyword{ position: absolute; top: 0; left: 0; width: 360px; height: 42px; font-size: 16px; line-height: 42px; color: #999; text-indent: 0.8em; background-color: #fff; border: 0; outline: 0}
#search_btn{ position: absolute; top: -1px; right: -1px; width: 90px; height: 44px; font-size: 16px; line-height: 44px; color: #fff; text-indent: 34px; background: url(../images/btn_search.png) no-repeat 15px 12px #1a56a8; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; outline: none; cursor: pointer;}
.mobile_item_tem{ position: relative; float: left; height: 28px; margin-right: 14px; padding-left: 32px; font-size: 14px; line-height: 28px; color: #333; cursor: pointer; z-index: 20;}
.mobile_item_tem:before{ position: absolute; top: 0; left: 0; width: 28px; height: 28px; background-image: url(../images/icon_m.png);}
.mobile_item_tem.tem3:before{ background-position: 0 0; content: ""}
.mobile_item_tem.tem2:before{ background-position: 0 -28px; content: ""}
.mobile_item_tem.tem1:before{ background-position: 0 -56px; content: ""}
.mobile_item_tem.tem4:before{ background-position: 0 -84px; content: ""}
.mobile_item_tem.tem5:before{ background-position: 0 -112px; content: ""}

.mobile_item_tem .qrcode{ display: none; position: absolute; top: 30px; left: 0; width: 100px; height: 100px;}
.mobile_item_tem .qrcode.active{ display: block;}
.mobile_item_tem .qrcode img{ width: 100%; height: 100%;}

/*.box_search{ position: absolute; top: 150px; right: 0; width: 500px; height: 42px;  background-color: #fff; border: 1px solid #e4e4e4; border-radius: 21px;}
#search_text{ position: absolute; top: 0; left: 15px; width: 280px; height: 42px; font: 16px/42px "Microsoft Yahei"; color: #666; background: none; border: none; outline: none;}
#search_btn{ position: absolute; top: 5px; right: 11px; width: 30px; height: 30px; background: url(../images/btn_search.jpg) no-repeat center top; cursor: pointer;}*/

.nav{ position: relative; height: 60px; margin-bottom: 30px; background-color: #1a56a8; text-align: center; z-index: 3}
.nav_con{ min-width: 1200px; margin: 0 auto;}
.nav_tem{ display: inline-block; width: 236px; height: 60px; color: #fff; text-align: center; background: url(../images/nav_bor.png) no-repeat right top;}
.nav_tem a.nav_link{  font: 20px/60px "Microsoft Yahei"; color: #fff; }

.nav_sublist{ display: none; position: absolute; top: 60px; left: 0; width: 100%; padding: 15px 0; text-align: center; background-color: #18388e}
.nav_sublist a{ position: relative; display: inline-block; height: auto; padding: 0 30px;  font-size: 16px; line-height: 30px; color: #659de9; text-align: center; }
.nav_sublist a i{ position: absolute; top: 50%; right: 0; width: 1px; height: 18px; margin-top: -9px; background-color: #5688d4; }
.nav_sublist a:hover{ color: #fff;}

/*.nav_tem.active{ background: url(../images/nav_arr.png) no-repeat center bottom;}*/
.nav_tem.active a.nav_link{ color: #ffde00}
.nav_tem.active .nav_sublist{ display: block;}


/* .footer{ padding-bottom: 40px;}
.footer_des{ font: 14px/26px "Microsoft Yahei"; color: #333; text-align: center;}
.footer_des span{ margin: 0 4px;}
.footer_link{ margin-right: 2px;} */
.footer{ padding-bottom: 40px;}
.footer_l{ float: left; width: 110px; margin-right: 20px;}
.footer_l img{ margin: 20px 0 0 20px}
.footer_m{ float: left; width: 550px;}
.footer_r{ float: right; width: 512px}
.footer_des{ font: 14px/26px "Microsoft Yahei"; color: #333; text-align: left;}
.footer_des span{ margin-right: 4px;}
.footer_link{ margin-right: 5px;}
.footer_qrcode{ float: left; width: 108px; height: 150px; margin-left: 20px;}
.footer_qrcode img{ width: 108px; height: auto;}
.footer_qrcode p{ margin-top: 5px; font: bold 14px/18px "Microsoft Yahei"; text-align: center; color: #333;}

.sidebar{ position: fixed; left: 50%; bottom: 30px; width: 158px; margin-left: 630px;}
.sidebar img{ width: 100px; height: 100px; border: 1px solid #b1c4ee;}